window.onload=function(){
	box = document.getElementsByClassName("box");
	imglist = document.getElementsByClassName('imglist');
	click_list = document.getElementsByTagName('li');
	left = document.getElementById('left');
	right = document.getElementById('right');
	num=0;
	function run(){
		for(var i=0;i<imglist.length;i++){
			imglist[i].style.display="none";
			click_list[i].style.backgroundColor='#6B6B6B';
		}
		imglist[num].style.display="block";
		click_list[num].style.backgroundColor='#fff';
		if(num==imglist.length-1){
			num=0;
		}else{
			num++;
		}
	}
	time=setInterval(run, 500);
	//给图片增加事件
	
	box[0].onmouseover=function(){
		clearInterval(time);
	}
	box[0].onmouseout=function(){
		time=setInterval(run, 500);
	}
	for(var j=0;j<click_list.length;j++){
		add_click(j);
	}
	function add_click(x){
		click_list[x].onclick=function(){
			num=x;
			run();
		}
	}
	right.onclick=function(){
		run();
	}
	left.onclick=function(){
		console.log(num);//??
		if(num==0){
			num=imglist.length-2;
		}else if(num==1){
			num=imglist.length-1;
		}else{
			num-=2;
		}
		
		run();
	}

	// function run1(){
	// 	for(var i=0;i<imglist.length;i++){
	// 		imglist[i].style.display="none";
	// 		click_list[i].style.backgroundColor='#6B6B6B';
	// 	}
	// 	imglist[num].style.display="block";
	// 	click_list[num].style.backgroundColor='#fff';
	// 	if(num==0){
	// 		num=imglist.length-1;
	// 	}else{
	// 		num--;
	// 	}
	// }






}